
<style scoped>
    .baidumap{
        height: 500px;
    }
    .bg1{
        width: 100%;
        margin-bottom: 50px;
        background-image: url('../../static/bg6.jpg');
        background-repeat: no-repeat;
        background-position: center;
        height: 300px;
        text-align: center;
        background-size: 100% 100%;
    }
    p{
        font-family: "微软雅黑";
        word-break: normal;
        white-space: pre-wrap;
        word-wrap: break-word;
        color: #474747;
    }
    .p1{
        font-size: 20px;
        font-weight: bold;
    }
    .p2{
        font-size: 17px;
        font-weight: normal;
    }
    [v-cloak] {
        display: none;
    }
</style>
<template> 
    <div v-cloak> 
        <div class="bg1"></div>
        <div style="padding:20px 15%;width:100%;">
            <p class="p2"><Icon type="ios-telephone" style="width: 20px;margin-right: 5px" size="20"></Icon>电话：021-50821667</span></p>
            <p class="p2"><Icon type="email" style="width: 20px;margin-right: 5px" size="20"></Icon>联系邮箱：haojw2010@hotmail.com</span></p>
            <p class="p2"><Icon type="android-subway" style="width: 20px;margin-right: 5px" size="20"></Icon>地铁：乘坐地铁2号线至陆家嘴站2号口出站后沿街向东北方向步行200至上海银行大厦</p>
            <p class="p2"><Icon type="model-s" style="width: 20px;margin-right: 5px" size="20"></Icon>行车路线：由陆家嘴环路行驶至东园路银城中路右拐100左右至上海银行大厦</p>
            <p class="p2"><Icon type="location" style="width: 20px;margin-right: 5px" size="20"></Icon>地址：上海市浦东新区陆家嘴上海银行大厦2208室</span></p>
            <div style="margin-bottom:100px;margin-top: 50px">
                <img src="../../static/ditu.png" style="height:500px;width:100%;" alt="">
            </div>
        </div>
    </div>
</template>

<script>
import Vue from 'vue'
import BaiduMap from 'vue-baidu-map'
Vue.use(BaiduMap, {
    ak: 'H61tjG7j9HiOH0dGa2SwsXoqKnzkXdQC'
});
export default {
    name:'telUs',
    data () {
        return {
            leavingMsgModal:false,
            formMsg:{
                name:'',
                tel:'',
                msg:''
            }
        }
    },
    methods: { 
        leavingMsg(){
            this.leavingMsgModal=true;
        },
        sendMsg(){
            setTimeout(() => {
                this.leavingMsgModal = false;
                this.formMsg={
                    name:'',
                    tel:'',
                    msg:''
                }
            }, 1000);
        }
    }
};
</script>